<!--
  ~ Licensed to the Apache Software Foundation (ASF) under one or more
  ~ contributor license agreements.  See the NOTICE file distributed with
  ~ this work for additional information regarding copyright ownership.
  ~ The ASF licenses this file to You under the Apache License, Version 2.0
  ~ (the "License"); you may not use this file except in compliance with
  ~ the License.  You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ServiceComb inspector</title>
  <link rel="stylesheet" href="static/css/main.css">
  <link rel="stylesheet" href="static/schemas/schemas.css">
  <link rel="stylesheet" href="static/tree/tree.css">
  <link rel="icon" type="image/png" href="static/images/ServiceComb-logo-3.jpg"/>

  <link rel="preload" href="static/js/main.js" as="script">
  <link rel="preload" href="static/schemas/schemas.js" as="script">

  <script src="static/js/main.js"></script>
  <script src="static/tree/tree.js"></script>
  <script src="static/schemas/schemas.js"></script>
</head>
<body>
<div class="left">
  <img id="scbLogo" src="static/images/ServiceComb-logo-3.jpg"/>
  <tree id="mainTree">
    <tree-node id="configs" no-action expanded="true">
      <tree-face>
        <tree-node-open-close></tree-node-open-close>
        <tree-label>configs</tree-label>
      </tree-face>
      <tree-children>
        <tree-node id="dynamicProperties">
          <tree-face>
            <tree-label onclick="frame.location = 'static/dynamicProperties.html'">dynamic properties</tree-label>
          </tree-face>
        </tree-node>
        <tree-node id="priorityProperties">
          <tree-face>
            <tree-label onclick="frame.location = 'static/priorityProperties.html'">priority properties</tree-label>
          </tree-face>
        </tree-node>
      </tree-children>
    </tree-node>
    <tree-node id="schemas" no-action expanded="true">
      <tree-face>
        <tree-node-open-close></tree-node-open-close>
        <tree-label>schemas</tree-label>
        <select id="schema-format">
          <option value="SWAGGER">swagger</option>
          <option value="HTML">html</option>
        </select>
        <div class="download download-all" onclick="clickDownloadAllSchemas(event)"></div>
      </tree-face>
    </tree-node>
  </tree>
</div>
<div class="content">
  <iframe src="static/welcome.html" allowfullscreen scrolling="no"></iframe>
</div>

<script>
  var mainTree = new Tree("mainTree")
  var frame = null;

  window.onload = function () {
    frame = window.frames[0];
    initSchemas();
  };
</script>
</body>
</html>